body {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.toolbar {
  background-color: #333;
  color: white;
  padding: 10px;
}

.toolbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.toolbar li {
  margin-right: 20px;
}

.toolbar a {
  color: white;
  text-decoration: none;
}

.main-content {
  flex: 1;
  display: flex;
}

.sidebar {
  background-color: #f4f4f4;
  width: 200px;
  padding: 10px;
}

.left-sidebar {
  order: 1;
}

.right-sidebar {
  order: 3;
}

.multi-window-area {
  flex: 1;
  order: 2;
  background-color: #fff;
  overflow: auto;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
  position: relative;
}

li a {
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.sub-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 2px !important;
}


.sub-menu li {
  float: none;
}

.sub-menu li a {
  padding: 12px 16px;
  text-align: left;
}

li:hover .sub-menu {
  display: block;
}


.ant-tabs .ant-tabs-tabpane {
  height: 100%;
  /* display: flex; */
  flex-grow: 1;
  background: #ff7;
}

.ant-tabs  .ant-tabs-content-holder {
  height: 100%;
  background: #ff7788;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}

.ant-tabs .ant-tabs-content{
  height: 100%;
}

.command-lib-tree {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.drag {
  -webkit-app-region: drag;
}
.no-drag {
  -webkit-app-region: no-drag;
}
